<template>
    <div class="economicServices">
        <div class="banner">
            <div class="wrap banner-inner">
                <img src="~/assets/images/hear_img.png" class="banner-img">
                经济服务
            </div>
        </div>
        <div class="technical-manager">
            <div class="wrap clear">
                <div class="desc-con fl">
                    <div class="title">
                        <div class="title-ico"></div>
                        <div class="title-inner">技术经理人</div>
                    </div>
                    <div class="desc">
                        技术经理人是指在技术市场中，以达成技术应用、成果转化为目的，为促成他人技术对接而且提供引导与支持服务，并取得合理佣金的技术服务业务的自然人。
                    </div>
                </div>
                <div class="img-con fl">
                    <img src="~assets/images/f1_img.png">
                </div>
            </div>
        </div>
        <div class="three-in-one">
            <div class="wrap clear">
                <div class="word-con fl">
                    <div class="title">
                        <div class="title-ico"></div>
                        <div class="title-inner">市场-经理人-事务所 三位一体</div>
                    </div>
                    <p class="first-p">
                        省技术产权交易市场认定一批来自科研机构、高校院所、金融机构、企业以及新型研发机构的技术经理人，同时广泛吸纳来自科技副总与科技镇长图案的力量，并为他们提供备案管理、从业培训、信用背书等。同时把技术市场的资源与技术经理人同享互换。
                    </p>
                    <p class="last-p">
                        为规范技术经理人从事技术转移服务的行为，促进技术经理人职业健康发展，保障技术经理人合法权益，江苏省技术产权交易市场设立技术经理人事务所，吸纳、挂靠并管理技术经理人开展技术转移服务。技术经理人挂靠在省技术产权市场认定的事务所，并由他们提供物理场所，票据结算等服务。
                    </p>
                </div>
                <div class="pic-con fl">
                    <img src="~assets/images/f2_img.png">
                </div>
            </div>
        </div>
        <div class="routing-production">
            <div class="wrap clear">
                <div class="title">
                    <div class="title-ico"></div>
                    <div class="title-inner">流程简介</div>
                </div>
                <div class="routing-con">
                    <div class="routing-title">
                        经纪人申请及工作流程
                    </div>
                </div>
                <div class="routing-img">
                    <img src="~assets/images/f3_img.png">
                </div>
            </div>
        </div>
        <div class="event">
            <div class="event-title">
                事务所申请及工作流程
            </div>
            <div class="event-img">
                <img src="~assets/images/f4_img.png">
            </div>
        </div>
    </div>
</template>
<script>

export default {
    head() {
        return {
            title: '经济服务'
        }
    },
    computed: {

    },
    created() {

    },
    async asyncData(context) {


    },

    data() {
        return {

        }
    },
    methods: {

    }
}
</script>
<style lang="less">
.economicServices{
    .title{
        padding-left: 20px;
    }
    .title-ico{
        display: inline-block;
        height: 20px;
        width: 5px;
        border-radius: 5px;
        background: #258AF4;
        transform: translateY(3px);
    }
    .title-inner{
        display: inline-block;
        font-size: 20px;
        color: #2f3749;
        margin-left: 10px;
    }
    .wrap{
        width:990px;
        margin: 0 auto;
    }
    .banner{
        background: #258AF4;
        height: 140px;
        .banner-inner{
            text-align: center;
            color: #fff;
            font-size: 36px;
            line-height: 140px;
            position: relative;
            .banner-img{
                position: absolute;
                top: 0;
                left: 0;
            }
        }
    }
    .technical-manager{
        height: 300px;
        .desc-con{
            margin-top: 100px;
            width: 520px;
            .desc{
                text-indent: 2em;
                font-size: 14px;
                color: #515a6f;
                line-height: 24px;
            }
        }
        .img-con{
            margin: 20px 0 0 100px;
        }
    }
    .three-in-one{
        height: 430px;

        .word-con{
            width: 490px;
            background: #f6f7fa;
            height: 430px;
            padding-top: 50px;
            p{
                color: #515a6f;
                font-size: 14px;
                padding-left: 20px;
                padding-right: 30px;
                text-indent: 2em;
                line-height: 26px;
            }
            .first-p{
                margin-top: 20px;
            }
            .last-p{
                margin-top:40px;
            }
        }
        .pic-con{
            background: #dee4f6;
            height: 430px;
            width: 490px;
            img{
                display: inline-block;
                margin: 40px auto;
            }
        }
    }
    .routing-production{
        height: 500px;
        padding: 50px 0;
        .routing-con{
            margin: 30px auto;
            text-align: center;
            .routing-title{
                color:#009cff;
                font-size: 18px;
            }

        }
        .routing-img{
            text-align: center;
        }
    }
    .event{
        height: 420px;
        background: #f6f7fa;
        text-align: center;
        padding-top: 100px;
        .event-title{

            color:#009cff;
            font-size: 18px;
        }
        .event-img{
            margin-top: 40px;
        }
    }
}
</style>
